<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>我的积分</title>
    <link rel="stylesheet" href="css/myIntegral.css">
</head>
<body>
<header class="header">
    <div class="container20">
        <h1><a href="./homepage.html">×</a>我的积分</h1>
    </div>
</header>
<section>
    <div class="container20">
        <div class="card">
            <h2>我的积分</h2>
            <div>
                <span>28,666.00</span>
                <a href="javascript:;">积分规则&gt;</a>
            </div>
        </div>
        <ul class="details">
            <h2>积分明细</h2>
            <li>
                <div>
                    <p>购买商品</p>
                    <p>消费1000，送积分</p>
                </div>
                <div class="r">
                    <p class="num">+<span>80</span></p>
                    <p>03-01 22:00</p>
                </div>
            </li>
            <li>
                <div>
                    <p>购买商品</p>
                    <p>消费1000，送积分</p>
                </div>
                <div class="r">
                    <p class="num">-<span>1000</span></p>
                    <p>03-01 22:00</p>
                </div>
            </li>
            <li>
                <div>
                    <p>购买商品</p>
                    <p>消费1000，送积分</p>
                </div>
                <div class="r">
                    <p class="num">+<span>600</span></p>
                    <p>03-01 22:00</p>
                </div>
            </li>
            <li>
                <div>
                    <p>购买商品</p>
                    <p>消费1000，送积分</p>
                </div>
                <div class="r">
                    <p class="num">+<span>10</span></p>
                    <p>03-01 22:00</p>
                </div>
            </li>
            <li>
                <div>
                    <p>购买商品</p>
                    <p>消费1000，送积分</p>
                </div>
                <div class="r">
                    <p class="num">+<span>1000</span></p>
                    <p>03-01 22:00</p>
                </div>
            </li>
        </ul>
    </div>
</section>
</body>
</html>